<!DOCTYPE html>

<html>
<head>

<title>#{get 'title' /}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" media="screen"
	href="@{'/public/stylesheets/main.css'}">
<link rel="stylesheet" type="text/css" media="screen"
	href="@{'/public/stylesheets/styles.css'}">
#{get 'moreStyles' /}
<link rel="shortcut icon" type="image/png"
	href="@{'/public/images/favicon.png'}">
<script src="@{'/public/javascripts/jquery-1.4.2.min.js'}"
	type="text/javascript" charset="utf-8"></script>
#{get 'moreScripts' /}


<link href="@{'/public/styles/kendo.common.min.css'}" rel="stylesheet" />
<link href="@{'/public/styles/kendo.default.min.css'}" rel="stylesheet" />

<script src="@{'/public/js/jquery.min.js'}"></script>
<script src="@{'/public/js/kendo.all.min.js'}"></script>


</head>
<body background="@{'/public/images/bg1.jpg'}">

	 
		<ul id= "menu2">
			<li><a href=@{Application.index()}><span><h2>الصفحةالرئيسية</h2></span> </a>
			
			<li ><a href='#'><span><h2>عقود</h2></span> </a>
				<ul>
					<li><a href=@{Application.create()}><span><h2>اضافة عقد
						جديد</h2></span> </a></li>
					<li><a href=@{Application.chooseDate()}><span><h2>عرض عقود في يوم و تاريخ محدد</h2></span> </a></li>	
					<li class='last'><a href=@{Contracts.getAllContracts()}><span><h2>عرض جميع العقود</h2></span> </a></li>	
				
				</ul>
			</li>
			<li class='last'><a href=@{Application.search()}><span><h2>بحث</h2></span></a></li>
			<li class='last'><a href="#"><span><h2>مناطق</h2></span></a>
			<ul>
			<li><a href=@{Application.add_area()}><span><h2>اضافة مناطق</h2></span></a></li>
			<li><a href=@{Application.get_all_area()}><span><h2>عرض جميع مناطق</h2></span></a></li>
			</ul>
			</li>
			<li class='last'><a href=@{Application.carContent_chooseDate()}><span><h2>محتوي السيارة </h2></span> </a></li>
			<li class='last'><a href=@{Application.carReturn_chooseDate()}><span><h2>عودة السيارة </h2></span> </a></li>
			<li class='last'><a href=@{Application.operations_chooseDate()}><span><h2>شاشة التشغيل </h2></span> </a></li>
			<li class='last'><a href=@{Application.income_chooseDate()}><span><h2>المبالغ الواردة</h2></span> </a></li>
			<li class='last'><a href=@{Application.postScreen_chooseDate()}><span><h2>post screen</h2></span> </a></li>
			<li class='last'><a href=@{Secure.logout()}><span><h2>الخروج</h2></span> </a></li>
			

		</ul>
		
		



    
	
<!-- <ul id = "menu" > -->
<!-- 	</ul> -->
	
	
	<script>
	$(document).ready(function() {
	    $("#menu2").kendoMenu();
	});
	
// 	$(document).ready(function() {
// 		 $("#menu").kendoMenu({
			
			    
	
// 		  dataSource:
// 		   [
// 		    {
// 		        text: "<h2>الصفحةالرئيسية</h2>",
// 		        encoded: false,
// 		        url: "@{Application.index()}"
		       
// 		    },
// 		    {
// 		        text: "<h2>اضافة عقد</h2>",
// 		        encoded: false,
// 		        url: "@{Application.create()}"                     
// 		    },
// 		    {
// 		        text: "<h2>عرض عقود في يوم و تاريخ محدد</h2>",
// 		        encoded: false,
// 		        url: "@{Application.chooseDate()}"                     
// 		    },
// 		    {
// 		        text: "<h2>عرض جميع العقود<h2>",
// 		        encoded: false,
// 		        url: "@{Contracts.getAllContracts()}"                     
// 		    },
// 		    {
// 		        text: "<h2>بحث</h2>",
// 		        encoded: false,
// 		        url: "@{Application.search()}"                     
// 		    },
// 		    {
// 		        text: "<h2>محتوي السيارة</h2>",
// 		        encoded: false,
// 		        url: "@{Application.carContent_chooseDate()}"                     
// 		    },
		    
// 		    {
// 		        text: "<h2>عودة السيارة</h2>",
// 		        encoded: false,
// 		        url: "@{Application.carReturn_chooseDate()}"                     
// 		    },
// 		    {
// 		        text: "<h2>شاشة التشغيل</h2>",
// 		        encoded: false,
// 		        url: "@{Application.operations_chooseDate()}"                     
// 		    },
// 		    {
// 		        text: "<h2>المبالغ الواردة</h2>",
// 		        encoded: false,
// 		        url: "@{Application.income_chooseDate()}"                     
// 		    },
		    
// 		    {
// 		        text: "<h2>post screen</h2>",
// 		        encoded: false,
// 		        url: "@{Application.postScreen_chooseDate()}"                     
// 		    },
// 		    {
// 		        text: "<h2>الخروج</h2>",
// 		        encoded: false,
// 		        url: "@{Secure.logout()}"                     
// 		    }
// 		   ]
// 		 })
		 
// 		});
            
        </script>
	
	#{doLayout /}















</body>
</html>
